.attendance-manage {
  width: 100%;
  .attendance-manage-container {
    width: 100%;
    // height: 100vh;
    background-color: #f5f5f5;
    .attendance-manage-header {
      .attendance-manage-search {
        background-color: #fff;
        padding-bottom: 30rpx;
        box-sizing: border-box;
      }
    }
    .attendance-manage-totals {
      height: 76rpx;
      background: #f8f8f8;
      padding: 20rpx 32rpx;
      box-sizing: border-box;
      text {
        font-size: 24rpx;
        color: #999;
      }
    }
    .add-manage-btn {
      background-color: #fff;
      .manage-btn-box {
        padding: 50rpx 32rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 32rpx;
        color: #101010;
        .iconfont {
          font-size: 60rpx;
          padding-right: 16rpx;
          color: #1e74fd;
        }
      }
    }
    .attendance-manage-list {
      width: 100%;
      .rule-title {
        font-size: 24rpx;
        color: #999999;
        padding: 20rpx 32rpx;
        box-sizing: border-box;
      }
      .attendance-manage-item {
        background-color: #fff;
        .manage-item-box {
          padding: 50rpx 32rpx;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between;
          .manage-left {
            .manage-left-item {
              display: flex;
              .toDo-list-item-icon {
                width: 84rpx;
                height: 84rpx;
                border-radius: 50%;
                background: linear-gradient(180deg, #00a8ff 0%, #1e74fd 100%);
                // box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(0, 82, 213, 0.15);
                position: relative;
                .icon-text {
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin: auto;
                  bottom: -5rpx;
                  background: #fbfdff;
                  box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(0, 82, 213, 0.15);
                  border-radius: 16rpx;
                  font-weight: 500;
                  font-size: 20rpx;
                  width: 70%;
                  text-align: center;
                  color: #108efe;
                }
              }
              .toDo-list-item-content {
                .content-title-box {
                  line-height: 32rpx;
                  justify-content: space-between;
                  margin-left: 24rpx;
                  .content-title-left {
                    display: flex;
                    height: max-content;
                    line-height: 32rpx;
                    .content-title {
                      line-height: 32rpx;
                      font-weight: 600;
                      font-size: 32rpx;
                      color: #101010;
                    }
                    .tag1 {
                      margin: 0 16rpx;
                    }
                  }
                  .content-user-info {
                    margin: 24rpx 0;
                    display: flex;

                    .time {
                      display: flex;
                      align-items: center;

                      .time-title {
                        font-size: 24rpx;
                        color: #999999;
                      }
                      .time-text {
                        font-size: 24rpx;
                        margin-left: 12rpx;
                        color: #101010;
                      }
                    }
                  }
                }
              }
            }
            .manage-left-info {
              margin-top: 50rpx;
              .info-item {
                padding-bottom: 50rpx;
                box-sizing: border-box;
                border-bottom: 2rpx solid #f5f5f5;
                .info-item-text {
                  .iconfont {
                    color: #999999;
                    font-size: 26rpx;
                  }
                  text {
                    line-height: 50rpx;
                    font-size: 24rpx;
                    color: #101010;
                    padding-left: 15rpx;
                  }
                }
              }
            }
          }
          .manage-right {
            .iconfont {
              font-size: 28rpx;
              color: #999999;
            }
          }
        }
      }
    }
    .more-manage {
      width: 100%;
      margin-top: 20rpx;
      .more-manage-item {
        padding: 0 32rpx;
        box-sizing: border-box;
        background-color: #fff;
        .more-manage-title {
          padding: 50rpx 0;
          box-sizing: border-box;
          font-weight: 600;
          font-size: 32rpx;
          color: #101010;
        }
        .more-manage-btn {
          display: flex;
          flex-wrap: wrap;
          // 超过五个换行

          .more-btn-item {
            width: 20%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20rpx;
            img {
              width: 56rpx;
              height: 56rpx;
            }
            text {
              padding-top: 16rpx;
              font-size: 24rpx;
              color: #101010;
            }
          }
        }
      }
    }
    .check-in-settings {
      width: 100%;
      background-color: #fff;
      .check-in-settings-item {
        padding: 50rpx 32rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .check-in-settings-left {
          img {
            width: 28rpx;
            height: 28rpx;
          }
          text {
            font-weight: 600;
            font-size: 32rpx;
            color: #101010;
            padding-left: 10rpx;
          }
        }
        .check-in-settings-right {
          .iconfont {
            font-size: 28rpx;
            color: #999999;
          }
        }
      }
    }
    .logo-bottom {
      width: 100%;
      height: 200rpx;
      text-align: center;
      margin-top: 56rpx;
      img {
        width: 287rpx;
        height: 38rpx;
      }
    }
  }
}
